/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{background:tansparent;}
::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}

.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.center{margin:0 auto;}
.pa{position:absolute;}
.pr{position:relative;}
.pf{position:fixed;}
.none{display:none;}
.oh{overflow:hidden;}
.red{background:#f0b4b4 !important;}
.green{background:#4ace5d !important;}
.yellow{background:#fcf3b3 !important;}


.showlist .user_list .cf{border-radius: 5px; width: 150px; height: 200px; background-color: #4ace5d; display: inline-block; margin: 5px 5px 5px 5px;}
.showlist .user_list .cf .user_id{font-family: cursive; text-align: center; font-size: 20px;}
.showlist .user_list .cf .user_ip{font-family: cursive; text-align: center; font-size: 15px;}
.showlist .user_list .cf .user_agent{display: none;}




.showlist .user_list .cf .channels ul{ list-style-type:none;list-style-position:outside;margin:0px;}
.showlist .user_list .cf .channels ul li{border-bottom:dotted 1px #eee;float:left;width: 138px;}
.showlist .user_list .cf .channels ul li .message{text-align:center;font-size:13px;font-weight:bold;}
.showlist .user_list .cf .channels ul li .callee_id{font-size:15px;color:#4d4d4d;}
.showlist .user_list .cf .channels ul li .state{color:#3c4c5c;font-size:12px;}
.showlist .user_list .cf .channels ul li.selected{height:auto;background-color: #f0b4b4;}



/*
.wkplat_right .idle {border-radius: 5px; width: 150px; height: 200px; background-color: green; display: inline-block;margin: 5px 5px 5px 5px;}
.wkplat_right .idle .user_id{font-family: cursive; text-align: center; font-size: 20px;}
.wkplat_right .idle .user_ip{font-family: cursive; text-align: center; font-size: 15px;}
.wkplat_right .idle .user_agent{display: none;}
*/
